<template>
    <div>
        <b>豆瓣</b>
        <van-tag round type="primary">打开App</van-tag>
        <van-search v-model="value" shape="round" placeholder="搜索"  />
        <div class="aa">
            <van-image round width="10rem" height="10rem" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />


        </div>
        <van-cell-group>
            <van-cell title="ToP MaKer" label="北京" />
            <van-cell title="16" label="广播" />
        </van-cell-group>
        <div>
            <img src="./img/gb.png" alt="" style="width: 100%;">
        </div>
        <van-text-ellipsis :content="text">
            <template #action="{ expanded }">{{ expanded ? '收起' : '展开' }}</template>
        </van-text-ellipsis>

    </div>
</template>

<script setup>
  const text = '慢慢来，不要急，生活给你出了难题，可也终有一天会给出答案。';
   

</script>

<style lang="scss" scoped>
b {
    font-size: 20px;
    color: green;
}
.van-tag{
    float: right;
    margin-top: 5px;
    background: green;
    
}

.aa {
    background: gainsboro;
    height: 200px;

    .van-image {
        margin-left: 150px;
        margin-top: 50px;

    }

}
</style>